<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城</title>
    <link rel="icon" type="images/x-icon" href="../images/favicon.ico" />
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/Puplic.css">
    <link rel="stylesheet" href="../css/Index.css">
</head>
<body>
    <!-- 顶部导航 -->
    <div class="header">
        <div class="header-top">
            <div class="header-container">
                <div class="top-nav fl">
                    <a href="#">小米商城</a>
                    <span class="header-line">|</span>
                    <a href="#">MIUI</a>
                    <span class="header-line">|</span>
                    <a href="#">IoT</a>
                    <span class="header-line">|</span>
                    <a href="#">云服务</a>
                    <span class="header-line">|</span>
                    <a href="#">天星数科</a>
                    <span class="header-line">|</span>
                    <a href="#">有品</a>
                    <span class="header-line">|</span>
                    <a href="#">小爱开放平台</a>
                    <span class="header-line">|</span>
                    <a href="#">企业团购</a>
                    <span class="header-line">|</span>
                    <a href="#">资质证照</a>
                    <span class="header-line">|</span>
                    <a href="#">协议规则</a>
                    <span class="header-line">|</span>
                    <a href="#" class="header-nav-app">
                        下载app
                    <!-- 下箭头 -->
                        <div class="trl"></div>
                        <div class="down-box">
                            <img src="../images/PVG.png" alt="" class="arrow-QR">
                            <i>小米商城APP</i>
                        </div>
                    </a>
                    <span class="header-line">|</span>
                    <a href="#">智能生活</a>
                    <span class="header-line">|</span>
                    <a href="#">Select Location</a>
                </div>
                <div class="top-info fr">
                    <div class="login fl">
                        <a href="../html/login.html">登录</a>
                        <span class="header-line">|</span>
                        <a href="../html/register.html">注册</a>
                        <span class="header-line">|</span>
                    </div>
                    <p class="login-welcome fl">
                        欢迎
                        <span></span>
                        <em class="exit">退出</em>
                    </p>
                    <a href="#" class="notice fl">消息通知</a>
                    <div class="Shopping-Cart fl">
                        <a href="./Cart.html" class="shop">
                            <i class="iconfont cart">&#xe638;</i>
                            购物车
                            <span class="shopCart-text">（0）</span>
                        </a>
                        <div class="show-cart">
                            <p class="no-goods">购物车中还没有商品，赶紧选购吧！</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 主体导航 -->
    <div class="site-header">
        <div class="site-container">
    <!-- 广告图 -->
            <div class="header-log fl">
                <a href="#" class="logo">
                    <img src="../images/logo-mi.png" alt="" class="login-xiaomi">
                </a>
            </div>
    <!-- 导航 -->
            <div class="header-nav fl">
                <ul class="nav-list">
                    <li class="nav-item"><a href="#">Xiaomi手机</a></li>
                    <li class=nav-item><a href="#">Redmi 红米</a></li>
                    <li class="nav-item"><a href="#">电视</a></li>
                    <li class="nav-item"><a href="#">笔记本</a></li>
                    <li class="nav-item"><a href="#">平板</a></li>
                    <li class="nav-item"><a href="#">家电</a></li>
                    <li class="nav-item"><a href="#">路由器</a></li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">社区</a></li>
                </ul>
            </div>
    <!-- 搜索 -->
            <div class="header-search fr">
                <form method="get">
                    <input type="search" autocomplete="off" name="keyword" class="search-text fl" placeholder="全部商品">
                    <ul class="text-list">
                        <li class="" id="">全部商品</li>
                        <li>小米平板5</li>
                        <li>手机</li>
                        <li>笔记本</li>
                        <li>路由器</li>
                        <li>耳机</li>
                        <li>家电</li>
                        <li>黑鲨4S</li>
                    </ul>
                    <input type="submit" value="&#xe8d6;" class="search-btn iconfont fl">
                </form>
            </div>
        </div>
    <!-- 显示隐藏商品列表图 -->
        <div class="nav-commodity-wrap">
            <div class="nav-commodity">
                <ul class="commodity-list">
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-1.webp" alt="Xiaomi Civi">
                                <figcaption class="commodity-title">Xaiomi Civi</figcaption>
                                <figcaption class="commodity-price">2599元起</figcaption>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-2.webp" alt="Xaiomi MIX 4">
                                <figcaption class="commodity-title">Xaiomi MIX 4</figcaption>
                                <figcaption class="commodity-price">4999元起</figcaption>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-3.webp" alt="Xaiomi MIX FOLD">
                                <figcaption class="commodity-title">Xaiomi MIX FOLD</figcaption>
                                <figcaption class="commodity-price">7499元起</figcaption>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-4.webp" alt="Xaiomi 11 Ultra">
                                <figcaption class="commodity-title">Xaiomi 11 Ultra</figcaption>
                                <figcaption class="commodity-price">5499元起</figcaption>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-5.webp" alt="Xaiomi 11 Pro">
                                <figcaption class="commodity-title">Xaiomi 11 Pro</figcaption>
                                <figcaption class="commodity-price">3999元起</figcaption>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-6.webp" alt="Xaiomi 11 青春版">
                                <figcaption class="commodity-title">Xaiomi 11 青春版</figcaption>
                                <figcaption class="commodity-price">1999元起</figcaption>
                            </figure>
                        </a>
                    </li>
                </ul>
                <ul class="commodity-list">
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-7.webp" alt="Redmi Note 11 Pro">
                                <figcaption class="commodity-title">Redmi Note 11 Pro</figcaption>
                                <figcaption class="commodity-price">1799元起</figcaption>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-8.webp" alt="Redmi Note 11 5G">
                                <figcaption class="commodity-title">Redmi Note 11 5G</figcaption>
                                <figcaption class="commodity-price">1199元起</figcaption>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-9.webp" alt="Redmi Note 10 Pro">
                                <figcaption class="commodity-title">Redmi Note 10 Pro</figcaption>
                                <figcaption class="commodity-price">1599元起</figcaption>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-10.webp" alt="Redmi Note 10 5G">
                                <figcaption class="commodity-title">Redmi Note 10 5G</figcaption>
                                <figcaption class="commodity-price">1099元起</figcaption>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-11.webp" alt="K40 游戏增强版">
                                <figcaption class="commodity-title">K40 游戏增强版</figcaption>
                                <figcaption class="commodity-price">1899元起</figcaption>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-12.webp" alt="K40 Pro 系列">
                                <figcaption class="commodity-title">K40 Pro 系列</figcaption>
                                <figcaption class="commodity-price">2499元起</figcaption>
                            </figure>
                        </a>
                    </li>
                </ul>
                <ul class="commodity-list">
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-13.webp" alt="Redmi智能电视X55 2022">
                                <figcaption class="commodity-title">Redmi智能电视X55 2022</figcaption>
                                <figcaption class="commodity-price">2699元</figcaption>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-14.webp" alt="Redmi智能电视X65 2022">
                                <figcaption class="commodity-title">Redmi智能电视X65 2022</figcaption>
                                <figcaption class="commodity-price">3699元</figcaption>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-15.webp" alt="小米电视6 65” OLED">
                                <figcaption class="commodity-title">小米电视6 65” OLED</figcaption>
                                <figcaption class="commodity-price">6999元</figcaption>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-16.webp" alt="小米电视 大师 77” OLED">
                                <figcaption class="commodity-title">小米电视 大师 77” OLED</figcaption>
                                <figcaption class="commodity-price">17999元</figcaption>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-17.webp" alt="小米透明电视">
                                <figcaption class="commodity-title">小米透明电视</figcaption>
                                <figcaption class="commodity-price">39999元</figcaption>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-18.webp" alt="小米电视 大师 65” OLED">
                                <figcaption class="commodity-title">小米电视 大师 65” OLED</figcaption>
                                <figcaption class="commodity-price">9499元</figcaption>
                            </figure>
                        </a>
                    </li>
                </ul>
                <ul class="commodity-list">
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-19.webp" alt="小米笔记本 Pro 14 锐龙版">
                                <div class="commodity-title">小米笔记本 Pro 14 锐龙版</div>
                                <div class="commodity-price">5299元起</div>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-20.webp" alt="RedmiBook Pro 15 增强版">
                                <div class="commodity-title">RedmiBook Pro 15 增强版</div>
                                <div class="commodity-price">5299元起</div>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-21.webp" alt="小米笔记本Pro X 14">
                                <div class="commodity-title">小米笔记本Pro X 14</div>
                                <div class="commodity-price">7999元</div>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-22.webp" alt="Redmi G 2021 Intel版">
                                <div class="commodity-title">Redmi G 2021 Intel版</div>
                                <div class="commodity-price">6499元</div>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-23.webp" alt="Redmi G 2021 AMD版">
                                <div class="commodity-title">Redmi G 2021 AMD版</div>
                                <div class="commodity-price">7999元</div>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-24.webp" alt="小米笔记本 Pro X 15">
                                <div class="commodity-title">小米笔记本 Pro X 15</div>
                            </figure>
                        </a>
                        <div class="commodity-price">7999元起</div>
                    </li>
                </ul>
                <ul class="commodity-list">
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-25.webp" alt="小米平板5">
                                <div class="commodity-title">小米平板5</div>
                                <div class="commodity-price">1999元起</div>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-26.webp" alt="小米平板5 Pro">
                                <div class="commodity-title">小米平板5 Pro</div>
                                <div class="commodity-price">2499元起</div>
                            </figure>
                        </a>
                    </li>
                </ul>
                <ul class="commodity-list">
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-27.webp" alt="米家风冷对开门冰箱 483L">
                                <div class="commodity-title">米家风冷对开门冰箱 483L</div>
                                <div class="commodity-price">2399元</div>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-28.webp" alt="米家扫拖机器人1T">
                                <div class="commodity-title">米家扫拖机器人1T</div>
                                <div class="commodity-price">1999元</div>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-29.webp" alt="米家互联网洗烘一体机10kg">
                                <div class="commodity-title">米家互联网洗烘一体机10kg</div>
                                <div class="commodity-price">1899元</div>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-30.webp" alt="小米净水器S1 800G">
                                <div class="commodity-title">小米净水器S1 800G</div>
                                <div class="commodity-price">2199元</div>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-31.webp" alt="米家空气净化器3 高效除菌">
                                <div class="commodity-title">米家空气净化器3 高效除菌</div>
                                <div class="commodity-price">799元</div>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-32.webp" alt="Redmi全自动波轮洗衣机1A">
                                <div class="commodity-title">Redmi全自动波轮洗衣机1A</div>
                                <div class="commodity-price">799元</div>
                            </figure>
                        </a>
                    </li>
                </ul>
                <ul class="commodity-list">
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-33.webp" alt="小米路由器AX9000">
                                <div class="commodity-title">小米路由器AX9000</div>
                                <div class="commodity-price">599元</div>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-34.webp" alt="小米路由器AX9000">
                                <div class="commodity-title">小米路由器AX9000</div>
                                <div class="commodity-price">1299元</div>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-35.webp" alt="Redmi路由器AC2100">
                                <div class="commodity-title">Redmi路由器AC2100</div>
                                <div class="commodity-price">169元</div>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-36.webp" alt="小米路由器 Mesh">
                                <div class="commodity-title">小米路由器 Mesh</div>
                                <div class="commodity-price">999元起</div>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-37.webp" alt="小米路由器4A 千兆版">
                                <div class="commodity-title">小米路由器4A 千兆版</div>
                                <div class="commodity-price">129元</div>
                            </figure>
                        </a>
                        <div class="commodity-border"></div>
                    </li>
                    <li>
                        <a href="#">
                            <figure>
                                <img src="../images/hide-38.webp" alt="小米路由器 4C">
                                <div class="commodity-title">小米路由器 4C</div>
                                <div class="commodity-price">59元</div>
                            </figure>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- banner区域 -->
    <div class="banner-main">
        <div class="banner-wrap">

        <!-- 轮播图 -->
            <div class="banner-container">
                <ul class="banner-img">
                    <li class="img-show">
                        <a href="#">
                            <img src="../images/banner-1.webp" >
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../images/banner-2.webp">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../images/banner-3.webp">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../images/banner-4.webp">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../images/banner-5.webp">
                        </a>
                    </li>
                </ul>
                <ul class="btn-circle">
                    <li class="circle-select"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <a id="btn-left"></a>
                <a id="btn-right"></a>
            </div>

        <!-- 二级菜单 -->
            <div class="menu-list">
                <ul class="menu-list-nav">
                    <li>
                        <a href="#">手机<i class="iconfont bn-RightArrow">&#xe646;</i></a>
                    </li>
                    <li>
                        <a href="#">电视<i class="iconfont bn-RightArrow">&#xe646;</i></a>
                    </li>
                    <li>
                        <a href="#">笔记本 平板<i class="iconfont bn-RightArrow">&#xe646;</i></a>
                    </li>
                    <li>
                        <a href="#">家电<i class="iconfont bn-RightArrow">&#xe646;</i></a>
                    </li>
                    <li>
                        <a href="#">出行 穿戴<i class="iconfont bn-RightArrow">&#xe646;</i></a>
                    </li>
                    <li>
                        <a href="#">智能 路由器<i class="iconfont bn-RightArrow">&#xe646;</i></a>
                    </li>
                    <li>
                        <a href="#">电源 配件<i class="iconfont bn-RightArrow">&#xe646;</i></a>
                    </li>
                    <li>
                        <a href="#">健康 儿童<i class="iconfont bn-RightArrow">&#xe646;</i></a>

                    </li>
                    <li>
                        <a href="#">耳机 音响<i class="iconfont bn-RightArrow">&#xe646;</i></a>
                    </li>
                    <li>
                        <a href="#">生活 箱包<i class="iconfont bn-RightArrow">&#xe646;</i></a>
                    </li>
                </ul>
                <div class="menu-list-item">
                    <ul class="menu-list-goods set-menu-4">
                        <li>
                            <a href="#">
                                <img src="../images/menu-1.webp" alt="Note 11 Pro 系列">
                                <span class="menu-txt">Note 11 Pro 系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-2.webp" alt="Xiaomi 11 Ultra">
                                <span class="menu-txt">Xiaomi 11 Ultra</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-3.webp" alt="Note 10 5G">
                                <span class="menu-txt">Note 10 5G</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-4.webp" alt="Redmi Note 9  4G">
                                <span class="menu-txt">Redmi Note 9 4G</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-5.webp" alt="Note 11 5G">
                                <span class="menu-txt">Note 11 5G</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-6.webp" alt="Xiaomi 11 Pro">
                                <span class="menu-txt">Xiaomi 11 Pro</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-7.webp" alt="Note 10 Pro">
                                <span class="menu-txt">Note 10 Pro</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-8.webp" alt="Redmi Note 9 5G">
                                <span class="menu-txt">Redmi Note 9 5G</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-1.webp" alt="Note 11 Pro 系列">
                                <span class="menu-txt">Note 11 Pro 系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-2.webp" alt="Xiaomi 11 Ultra">
                                <span class="menu-txt">Xiaomi 11 Ultra</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-3.webp" alt="Note 10 5G">
                                <span class="menu-txt">Note 10 5G</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-4.webp" alt="Redmi Note 9  4G">
                                <span class="menu-txt">Redmi Note 9 4G</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-5.webp" alt="Note 11 5G">
                                <span class="menu-txt">Note 11 5G</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-6.webp" alt="Xiaomi 11 Pro">
                                <span class="menu-txt">Xiaomi 11 Pro</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-7.webp" alt="Note 10 Pro">
                                <span class="menu-txt">Note 10 Pro</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-8.webp" alt="Redmi Note 9 5G">
                                <span class="menu-txt">Redmi Note 9 5G</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-1.webp" alt="Note 11 Pro 系列">
                                <span class="menu-txt">Note 11 Pro 系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-2.webp" alt="Xiaomi 11 Ultra">
                                <span class="menu-txt">Xiaomi 11 Ultra</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-3.webp" alt="Note 10 5G">
                                <span class="menu-txt">Note 10 5G</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-4.webp" alt="Redmi Note 9  4G">
                                <span class="menu-txt">Redmi Note 9 4G</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-5.webp" alt="Note 11 5G">
                                <span class="menu-txt">Note 11 5G</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-6.webp" alt="Xiaomi 11 Pro">
                                <span class="menu-txt">Xiaomi 11 Pro</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-7.webp" alt="Note 10 Pro">
                                <span class="menu-txt">Note 10 Pro</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-8.webp" alt="Redmi Note 9 5G">
                                <span class="menu-txt">Redmi Note 9 5G</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="menu-list-item">
                    <ul class="menu-list-goods set-menu-4">
                        <li>
                            <a href="#">
                                <img src="../images/menu-9.webp" alt="Redmi 智能电视X65 2022款">
                                <span class="menu-txt">Redmi 智能电视X65 2022款</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-10.webp" alt="小米电视6 至尊版 75英寸">
                                <span class="menu-txt">小米电视6 至尊版 75英寸</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-11.webp" alt="小米电视6 65”  OLED">
                                <span class="menu-txt">小米电视6 65” OLED</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-12.webp" alt="小米电视 大师  77”  OLED">
                                <span class="menu-txt">小米电视 大师 77” OLED</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-13.webp" alt="小米电视 ES75 2022款">
                                <span class="menu-txt">小米电视 ES75 2022款</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-14.webp" alt="Redmi 智能电视 MAX 98"">
                                <span class="menu-txt">Redmi 智能电视 MAX 98"</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-15.webp" alt="小米电视5 75英寸">
                                <span class="menu-txt">小米电视5 75英寸</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-16.webp" alt="米家激光投影仪">
                                <span class="menu-txt">米家激光投影仪</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-9.webp" alt="Redmi 智能电视X65 2022款">
                                <span class="menu-txt">Redmi 智能电视X65 2022款</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-10.webp" alt="小米电视6 至尊版 75英寸">
                                <span class="menu-txt">小米电视6 至尊版 75英寸</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-11.webp" alt="小米电视6 65”  OLED">
                                <span class="menu-txt">小米电视6 65” OLED</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-12.webp" alt="小米电视 大师  77”  OLED">
                                <span class="menu-txt">小米电视 大师 77” OLED</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-13.webp" alt="小米电视 ES75 2022款">
                                <span class="menu-txt">小米电视 ES75 2022款</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-14.webp" alt="Redmi 智能电视 MAX 98"">
                                <span class="menu-txt">Redmi 智能电视 MAX 98"</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-15.webp" alt="小米电视5 75英寸">
                                <span class="menu-txt">小米电视5 75英寸</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-16.webp" alt="米家激光投影仪">
                                <span class="menu-txt">米家激光投影仪</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-9.webp" alt="Redmi 智能电视X65 2022款">
                                <span class="menu-txt">Redmi 智能电视X65 2022款</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-10.webp" alt="小米电视6 至尊版 75英寸">
                                <span class="menu-txt">小米电视6 至尊版 75英寸</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-11.webp" alt="小米电视6 65”  OLED">
                                <span class="menu-txt">小米电视6 65” OLED</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-12.webp" alt="小米电视 大师  77”  OLED">
                                <span class="menu-txt">小米电视 大师 77” OLED</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-13.webp" alt="小米电视 ES75 2022款">
                                <span class="menu-txt">小米电视 ES75 2022款</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-14.webp" alt="Redmi 智能电视 MAX 98"">
                                <span class="menu-txt">Redmi 智能电视 MAX 98"</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-15.webp" alt="小米电视5 75英寸">
                                <span class="menu-txt">小米电视5 75英寸</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-16.webp" alt="米家激光投影仪">
                                <span class="menu-txt">米家激光投影仪</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="menu-list-item">
                    <ul class="menu-list-goods set-menu-4">
                        <li>
                            <a href="#">
                                <img src="../images/menu-17.webp" alt="RedmiBook Pro 15 锐龙版">
                                <span class="menu-txt">RedmiBook Pro 15 锐龙版</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-18.webp" alt="RedmiBook Pro 15 增强版">
                                <span class="menu-txt">RedmiBook Pro 15 增强版</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-19.webp" alt="RedmiBook Pro 14 增强版">
                                <span class="menu-txt">RedmiBook Pro 14 增强版</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-20.webp" alt="小米笔记本 Pro X 15">
                                <span class="menu-txt">小米笔记本 Pro X 15</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-18.webp" alt="RedmiBook Pro 15 增强版">
                                <span class="menu-txt">RedmiBook Pro 15 增强版</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-20.webp" alt="小米笔记本 Pro X 15">
                                <span class="menu-txt">小米笔记本 Pro X 15</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-19.webp" alt="RedmiBook Pro 14 增强版">
                                <span class="menu-txt">RedmiBook Pro 14 增强版</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-21.webp" alt="RedmiBook Air 13">
                                <span class="menu-txt">RedmiBook Air 13</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-20.webp" alt="小米笔记本 Pro X 15">
                                <span class="menu-txt">小米笔记本 Pro X 15</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-19.webp" alt="RedmiBook Pro 14 增强版">
                                <span class="menu-txt">RedmiBook Pro 14 增强版</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-21.webp" alt="RedmiBook Air 13">
                                <span class="menu-txt">RedmiBook Air 13</span>
                            </a>
                        </li>
                        <li>
                            <div class="blank"></div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-20.webp" alt="小米笔记本 Pro X 15">
                                <span class="menu-txt">小米笔记本 Pro X 15</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-19.webp" alt="RedmiBook Pro 14 增强版">
                                <span class="menu-txt">RedmiBook Pro 14 增强版</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-21.webp" alt="RedmiBook Air 13">
                                <span class="menu-txt">RedmiBook Air 13</span>
                            </a>
                        </li>
                        <li>
                            <div class="blank"></div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-20.webp" alt="小米笔记本 Pro X 15">
                                <span class="menu-txt">小米笔记本 Pro X 15</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-19.webp" alt="RedmiBook Pro 14 增强版">
                                <span class="menu-txt">RedmiBook Pro 14 增强版</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-21.webp" alt="RedmiBook Air 13">
                                <span class="menu-txt">RedmiBook Air 13</span>
                            </a>
                        </li>
                        <li>
                            <div class="blank"></div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-20.webp" alt="小米笔记本 Pro X 15">
                                <span class="menu-txt">小米笔记本 Pro X 15</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-19.webp" alt="RedmiBook Pro 14 增强版">
                                <span class="menu-txt">RedmiBook Pro 14 增强版</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-21.webp" alt="RedmiBook Air 13">
                                <span class="menu-txt">RedmiBook Air 13</span>
                            </a>
                        </li>
                        <li>
                            <div class="blank"></div>
                        </li>
                    </ul>
                </div>
                <div class="menu-list-item">
                    <ul class="menu-list-goods set-menu-4">
                        <li>
                            <a href="#">
                                <img src="../images/menu-22.webp" alt="冰箱">
                                <span class="menu-txt">冰箱</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-23.webp" alt="壁挂空调">
                                <span class="menu-txt">壁挂空调</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-24.webp" alt="滚筒洗衣机">
                                <span class="menu-txt">滚筒洗衣机</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-25.webp" alt="Redmi全自动波轮洗衣机">
                                <span class="menu-txt">Redmi全自动波轮洗衣机</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-26.webp" alt="净水器">
                                <span class="menu-txt">净水器</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-27.webp" alt="扫地机器人">
                                <span class="menu-txt">扫地机器人</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-28.webp" alt="空气净化器">
                                <span class="menu-txt">空气净化器</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-29.webp" alt="电烤箱">
                                <span class="menu-txt">电烤箱</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-22.webp" alt="冰箱">
                                <span class="menu-txt">冰箱</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-23.webp" alt="壁挂空调">
                                <span class="menu-txt">壁挂空调</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-24.webp" alt="滚筒洗衣机">
                                <span class="menu-txt">滚筒洗衣机</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-25.webp" alt="Redmi全自动波轮洗衣机">
                                <span class="menu-txt">Redmi全自动波轮洗衣机</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-26.webp" alt="净水器">
                                <span class="menu-txt">净水器</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-27.webp" alt="扫地机器人">
                                <span class="menu-txt">扫地机器人</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-28.webp" alt="空气净化器">
                                <span class="menu-txt">空气净化器</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-29.webp" alt="电烤箱">
                                <span class="menu-txt">电烤箱</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-22.webp" alt="冰箱">
                                <span class="menu-txt">冰箱</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-23.webp" alt="壁挂空调">
                                <span class="menu-txt">壁挂空调</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-24.webp" alt="滚筒洗衣机">
                                <span class="menu-txt">滚筒洗衣机</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-25.webp" alt="Redmi全自动波轮洗衣机">
                                <span class="menu-txt">Redmi全自动波轮洗衣机</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-26.webp" alt="净水器">
                                <span class="menu-txt">净水器</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-27.webp" alt="扫地机器人">
                                <span class="menu-txt">扫地机器人</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-28.webp" alt="空气净化器">
                                <span class="menu-txt">空气净化器</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-29.webp" alt="电烤箱">
                                <span class="menu-txt">电烤箱</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="menu-list-item">
                    <ul class="menu-list-goods set-menu-3">
                        <li>
                            <a href="#">
                                <img src="../images/menu-30.webp" alt="Redmi 手表 2">
                                <span class="menu-txt">Redmi 手表 2</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-31.webp" alt="Xiaomi Watch Color 2">
                                <span class="menu-txt">Xiaomi Watch Color 2</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-32.webp" alt="小米手表Color 运动版">
                                <span class="menu-txt">小米手表Color 运动版</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-33.webp" alt="平衡车">
                                <span class="menu-txt">平衡车</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-34.webp" alt="自行车">
                                <span class="menu-txt">自行车</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-35.webp" alt="滑板车">
                                <span class="menu-txt">滑板车</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-36.webp" alt="石英表">
                                <span class="menu-txt">石英表</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-33.webp" alt="平衡车">
                                <span class="menu-txt">平衡车</span>
                            </a>
                        </li>
                        <li>
                            <div class="blank"></div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-30.webp" alt="Redmi 手表 2">
                                <span class="menu-txt">Redmi 手表 2</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-31.webp" alt="Xiaomi Watch Color 2">
                                <span class="menu-txt">Xiaomi Watch Color 2</span>
                            </a>
                        </li>
                        <li>
                            <div class="blank"></div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-30.webp" alt="Redmi 手表 2">
                                <span class="menu-txt">Redmi 手表 2</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-31.webp" alt="Xiaomi Watch Color 2">
                                <span class="menu-txt">Xiaomi Watch Color 2</span>
                            </a>
                        </li>
                        <li>
                            <div class="blank"></div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-30.webp" alt="Redmi 手表 2">
                                <span class="menu-txt">Redmi 手表 2</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-31.webp" alt="Xiaomi Watch Color 2">
                                <span class="menu-txt">Xiaomi Watch Color 2</span>
                            </a>
                        </li>
                        <li>
                            <div class="blank"></div>
                        </li>
                    </ul>
                </div>
                <div class="menu-list-item">
                    <ul class="menu-list-goods set-menu-3">
                        <li>
                            <a href="#">
                                <img src="../images/menu-37.webp" alt="CyberDog">
                                <span class="menu-txt">CyberDog</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-38.webp" alt="摄像机">
                                <span class="menu-txt">摄像机</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-39.webp" alt="Redmi路由器">
                                <span class="menu-txt">Redmi路由器</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-40.webp" alt="智能家庭">
                                <span class="menu-txt">智能家庭</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-41.webp" alt="智能门锁">
                                <span class="menu-txt">智能门锁</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-38.webp" alt="摄像机">
                                <span class="menu-txt">摄像机</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-39.webp" alt="Redmi路由器">
                                <span class="menu-txt">Redmi路由器</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-37.webp" alt="CyberDog">
                                <span class="menu-txt">CyberDog</span>
                            </a>
                        </li>
                        <li>
                            <div class="blank"></div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-38.webp" alt="摄像机">
                                <span class="menu-txt">摄像机</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-41.webp" alt="智能门锁">
                                <span class="menu-txt">智能门锁</span>
                            </a>
                        </li>
                        <li>
                            <div class="blank"></div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-40.webp" alt="智能家庭">
                                <span class="menu-txt">智能家庭</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-39.webp" alt="Redmi路由器">
                                <span class="menu-txt">Redmi路由器</span>
                            </a>
                        </li>
                        <li>
                            <div class="blank"></div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-37.webp" alt="CyberDog">
                                <span class="menu-txt">CyberDog</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-38.webp" alt="摄像机">
                                <span class="menu-txt">摄像机</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="menu-list-item">
                    <ul class="menu-list-goods set-menu-2">
                        <li>
                            <a href="#">
                                <img src="../images/menu-42.webp" alt="移动电源">
                                <span class="menu-txt">移动电源</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-43.webp" alt="数据线">
                                <span class="menu-txt">数据线</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-44.webp" alt="充电器">
                                <span class="menu-txt">充电器</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-45.webp" alt="自拍杆">
                                <span class="menu-txt">自拍杆</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-46.webp" alt="无线充电器">
                                <span class="menu-txt">无线充电器</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-47.webp" alt="手机贴膜">
                                <span class="menu-txt">手机贴膜</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-42.webp" alt="移动电源">
                                <span class="menu-txt">移动电源</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-43.webp" alt="数据线">
                                <span class="menu-txt">数据线</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-44.webp" alt="充电器">
                                <span class="menu-txt">充电器</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-45.webp" alt="自拍杆">
                                <span class="menu-txt">自拍杆</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-46.webp" alt="无线充电器">
                                <span class="menu-txt">无线充电器</span>
                            </a>
                        </li>
                        <li>
                            <div class="blank"></div>
                        </li>
                    </ul>
                </div>
                <div class="menu-list-item">
                    <ul class="menu-list-goods set-menu-3">
                        <li>
                            <a href="#">
                                <img src="../images/menu-48.webp" alt="米家跑步机">
                                <span class="menu-txt">米家跑步机</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-49.webp" alt="洗手机">
                                <span class="menu-txt">洗手机</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-50.webp" alt="剃须刀">
                                <span class="menu-txt">剃须刀</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-51.webp" alt="修剪器">
                                <span class="menu-txt">修剪器</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-52.webp" alt="牙刷">
                                <span class="menu-txt">牙刷</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-53.webp" alt="吹风机">
                                <span class="menu-txt">吹风机</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-54.webp" alt="体重砰">
                                <span class="menu-txt">体重砰</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-48.webp" alt="米家跑步机">
                                <span class="menu-txt">米家跑步机</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-49.webp" alt="洗手机">
                                <span class="menu-txt">洗手机</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-50.webp" alt="剃须刀">
                                <span class="menu-txt">剃须刀</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-51.webp" alt="修剪器">
                                <span class="menu-txt">修剪器</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-52.webp" alt="牙刷">
                                <span class="menu-txt">牙刷</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-53.webp" alt="吹风机">
                                <span class="menu-txt">吹风机</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-54.webp" alt="体重砰">
                                <span class="menu-txt">体重砰</span>
                            </a>
                        </li>
                        <li>
                            <div class="blank"></div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-49.webp" alt="洗手机">
                                <span class="menu-txt">洗手机</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-48.webp" alt="米家跑步机">
                                <span class="menu-txt">米家跑步机</span>
                            </a>
                        </li>
                        <li>
                            <div class="blank"></div>
                        </li>
                    </ul>
                </div>
                <div class="menu-list-item">
                    <ul class="menu-list-goods set-menu-3">
                        <li>
                            <a href="#">
                                <img src="../images/menu-55.webp" alt="Redmi Buds 3 青春版">
                                <span class="menu-txt">Redmi Buds 3 青春版</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-56.webp" alt="小米小爱音箱 Play">
                                <span class="menu-txt">小米小爱音箱 Play</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-57.webp" alt="品牌耳机">
                                <span class="menu-txt">品牌耳机</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-58.webp" alt="Xiaomi Sound">
                                <span class="menu-txt">Xiaomi Sound</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-59.webp" alt="Redmi音箱">
                                <span class="menu-txt">Redmi音箱</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-60.webp" alt="小爱音箱 Pro">
                                <span class="menu-txt">小爱音箱 Pro </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-61.webp" alt="">
                                <span class="menu-txt">Redmi Buds 3 青春版</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-55.webp" alt="Redmi Buds 3 青春版">
                                <span class="menu-txt">Redmi Buds 3 青春版</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-56.webp" alt="小米小爱音箱 Play">
                                <span class="menu-txt">小米小爱音箱 Play</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-57.webp" alt="品牌耳机">
                                <span class="menu-txt">品牌耳机</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-58.webp" alt="Xiaomi Sound">
                                <span class="menu-txt">Xiaomi Sound</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-59.webp" alt="Redmi音箱">
                                <span class="menu-txt">Redmi音箱</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-60.webp" alt="小爱音箱 Pro">
                                <span class="menu-txt">小爱音箱 Pro </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-61.webp" alt="">
                                <span class="menu-txt">Redmi Buds 3 青春版</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-55.webp" alt="Redmi Buds 3 青春版">
                                <span class="menu-txt">Redmi Buds 3 青春版</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-56.webp" alt="小米小爱音箱 Play">
                                <span class="menu-txt">小米小爱音箱 Play</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-57.webp" alt="品牌耳机">
                                <span class="menu-txt">品牌耳机</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-58.webp" alt="Xiaomi Sound">
                                <span class="menu-txt">Xiaomi Sound</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="menu-list-item">
                    <ul class="menu-list-goods set-menu-3">
                        <li>
                            <a href="#">
                                <img src="../images/menu-62.webp" alt="米兔">
                                <span class="menu-txt">米兔</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-63.webp" alt="双肩包">
                                <span class="menu-txt">双肩包</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-64.webp" alt="枕头">
                                <span class="menu-txt">枕头</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-65.webp" alt="胸包">
                                <span class="menu-txt">胸包</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-66.webp" alt="旅行箱">
                                <span class="menu-txt">旅行箱</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-67.webp" alt="保温杯">
                                <span class="menu-txt">保温杯</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-68.webp" alt="驱蚊器">
                                <span class="menu-txt">驱蚊器</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-69.webp" alt="眼镜">
                                <span class="menu-txt">眼镜</span>
                            </a>
                        </li>
                        <li>
                            <div class="blank"></div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-63.webp" alt="双肩包">
                                <span class="menu-txt">双肩包</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-64.webp" alt="枕头">
                                <span class="menu-txt">枕头</span>
                            </a>
                        </li>
                        <li>
                            <div class="blank"></div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-66.webp" alt="旅行箱">
                                <span class="menu-txt">旅行箱</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-67.webp" alt="保温杯">
                                <span class="menu-txt">保温杯</span>
                            </a>
                        </li>
                        <li>
                            <div class="blank"></div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-68.webp" alt="驱蚊器">
                                <span class="menu-txt">驱蚊器</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/menu-69.webp" alt="眼镜">
                                <span class="menu-txt">眼镜</span>
                            </a>
                        </li>
                        <li>
                            <div class="blank"></div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="banner-bottom">
            <div class="banner-bottom-left fl">
                <ul>
                    <li>
                        <a href="#">
                            <img src="../images/nav-1.png" alt="保障服务">
                            保障服务
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../images/nav-2.png" alt="企业团购">
                            企业团购
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../images/nav-3.png" alt="F码通道">
                            F码通道
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../images/nav-4.png" alt="米粉卡">
                            米粉卡
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../images/nav-5.png" alt="以旧换新">
                            以旧换新
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../images/nav-6.png" alt="话费充值">
                            话费充值
                        </a>
                    </li>
                </ul>
            </div>
            <div class="banner-bottom-right fl">
                <ul>
                    <li class="banner-bottom-right-first">
                        <a href="#">
                            <img src="../images/images-1.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../images/images-2.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../images/images-3.jpg" alt="">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 主体 -->
    <div class="xiaomi-main-wrap">
        <div class="xiaomi-main">
        <!-- 广告 -->
            <div class="xiaomi-main-login">
                <a href="#">
                    <img src="../images/images-4.webp" alt="">
                </a>
            </div>
        <!-- 手机 -->
            <div class="main-goods-list">
                <div class="box-hd">
                    <h2 class="main-goods-title fl">手机</h2>
                    <div class="more">
                        <a href="#" class="main-more-link">
                            查看更多
                            <i class="iconfont main-iconfont-arrow-right">&#xe650;</i>
                        </a>
                    </div>
                </div>
                <div class="main-box">
                    <div class="main-box-left fl">
                        <a href="#">
                            <img src="../images/goods-1.webp" alt="">
                        </a>
                    </div>
                    <div class="main-box-right fl">
                        <ul>
                            <li class="main-list-first">
                                <a href="#">
                                    <div class="figure-img">
                                        <img src="../images/goods-2.webp" alt="">
                                    </div>
                                    <h3 class="main-title">
                                        Redmi Note 11 Pro系列
                                    </h3>
                                    <p class="desc">Redmi Note 11 Pro系列</p>
                                    <p class="price">
                                        <span class="num">1799</span>元<span>起</span>
                                    </p>
                                </a>
                            </li>
                            <li class="main-list-first">
                                <a href="#">
                                    <div class="figure-img">
                                        <img src="../images/goods-0.webp" alt="">
                                    </div>
                                    <h3 class="main-title">
                                        Redmi Note 11 5G
                                    </h3>
                                    <p class="desc">Redmi Note 11 5G</p>
                                    <p class="price">
                                        <span class="num">1199</span>元<span>起</span>
                                    </p>
                                </a>
                            </li>
                            <li class="main-list-first">
                                <a href="#">
                                    <div class="figure-img">
                                        <img src="../images/goods-2.webp" alt="">
                                    </div>
                                    <h3 class="main-title">
                                        Redmi Note 11 Pro系列
                                    </h3>
                                    <p class="desc">Redmi Note 11 Pro系列</p>
                                    <p class="price">
                                        <span class="num">1799</span>元<span>起</span>
                                    </p>
                                </a>
                            </li>
                            <li class="main-list-first">
                                <a href="#">
                                    <div class="figure-img">
                                        <img src="../images/goods-0.webp" alt="">
                                    </div>
                                    <h3 class="main-title">
                                        Redmi Note 11 5G
                                    </h3>
                                    <p class="desc">Redmi Note 11 5G</p>
                                    <p class="price">
                                        <span class="num">1199</span>元<span>起</span>
                                    </p>
                                </a>
                            </li>
                            <li class="main-list-first">
                                <a href="#">
                                    <div class="figure-img">
                                        <img src="../images/goods-2.webp" alt="">
                                    </div>
                                    <h3 class="main-title">
                                        Redmi Note 11 Pro系列
                                    </h3>
                                    <p class="desc">Redmi Note 11 Pro系列</p>
                                    <p class="price">
                                        <span class="num">1799</span>元<span>起</span>
                                    </p>
                                </a>
                            </li>
                            <li class="main-list-first">
                                <a href="#">
                                    <div class="figure-img">
                                        <img src="../images/goods-0.webp" alt="">
                                    </div>
                                    <h3 class="main-title">
                                        Redmi Note 11 5G
                                    </h3>
                                    <p class="desc">Redmi Note 11 5G</p>
                                    <p class="price">
                                        <span class="num">1199</span>元<span>起</span>
                                    </p>
                                </a>
                            </li>
                            <li class="main-list-first">
                                <a href="#">
                                    <div class="figure-img">
                                        <img src="../images/goods-2.webp" alt="">
                                    </div>
                                    <h3 class="main-title">
                                        Redmi Note 11 Pro系列
                                    </h3>
                                    <p class="desc">Redmi Note 11 Pro系列</p>
                                    <p class="price">
                                        <span class="num">1799</span>元<span>起</span>
                                    </p>
                                </a>
                            </li>
                            <li class="main-list-first">
                                <a href="#">
                                    <div class="figure-img">
                                        <img src="../images/goods-0.webp" alt="">
                                    </div>
                                    <h3 class="main-title">
                                        Redmi Note 11 5G
                                    </h3>
                                    <p class="desc">Redmi Note 11 5G</p>
                                    <p class="price">
                                        <span class="num">1199</span>元<span>起</span>
                                    </p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

        <!-- 电视影音 -->
            <div class="main-goods-list">
                <div class="box-hd">
                    <h2 class="main-goods-title fl">家电</h2>
                    <div class="more">
                        <ul class="tab-list">
                            <li class="tab-active">热门</li>
                            <li>电视影音</li>
                        </ul>
                    </div>
                </div>
                <div class="main-box">
                    <div class="main-box-left-second fl">
                        <a href="#">
                            <img src="../images/goods-3.webp" alt="">
                        </a>
                        <a href="#">
                            <img src="../images/goods-5.webp" alt="">
                        </a>
                    </div>

                    <div class="Movie-audio fr">
                    <!-- 热门影音 -->
                        <div class="main-box-right fl">
                            <ul>
                                <li class="main-list-first">
                                    <a href="#">
                                        <div class="figure-img">
                                            <img src="../images/goods-4.webp" alt="">
                                        </div>
                                        <h3 class="main-title">
                                            小米电视6 65″OLED
                                        </h3>
                                        <p class="desc">小米电视6 65″OLED</p>
                                        <p class="price">
                                            <span class="num">6999</span>元
                                        </p>
                                    </a>
                                </li>
                                <li class="main-list-first">
                                    <a href="#">
                                        <div class="figure-img">
                                            <img src="../images/goods-6.webp" alt="">
                                        </div>
                                        <h3 class="main-title">
                                            小米电视6 至尊版 65英寸
                                        </h3>
                                        <p class="desc">画质新境界</p>
                                        <p class="price">
                                            <span class="num">7799</span>元
                                            <del>
                                                <span class="num">7999</span>元
                                            </del>
                                        </p>
                                    </a>
                                </li>
                                <li class="main-list-first">
                                    <a href="#">
                                        <div class="figure-img">
                                            <img src="../images/goods-7.webp" alt="">
                                        </div>
                                        <h3 class="main-title">
                                            小米电视 ES55 2022款
                                        </h3>
                                        <p class="desc">多分区，画质轻旗舰</p>
                                        <p class="price">
                                            <span class="num">2999</span>元
                                        </p>
                                    </a>
                                </li>
                                <li class="main-list-first">
                                    <a href="#">
                                        <div class="figure-img">
                                            <img src="../images/goods-8.webp" alt="">
                                        </div>
                                        <h3 class="main-title">
                                            米家互联网对开门冰箱 540L
                                        </h3>
                                        <p class="desc">重磅新品福利特惠</p>
                                        <p class="price">
                                            <span class="num">2899</span>元
                                            <del>
                                                <span class="num">3699</span>元
                                            </del>
                                        </p>
                                    </a>
                                </li>
                                <li class="main-list-first">
                                    <a href="#">
                                        <div class="figure-img">
                                            <img src="../images/goods-4.webp" alt="">
                                        </div>
                                        <h3 class="main-title">
                                            小米电视6 65″OLED
                                        </h3>
                                        <p class="desc">小米电视6 65″OLED</p>
                                        <p class="price">
                                            <span class="num">6999</span>元
                                        </p>
                                    </a>
                                </li>
                                <li class="main-list-first">
                                    <a href="#">
                                        <div class="figure-img">
                                            <img src="../images/goods-6.webp" alt="">
                                        </div>
                                        <h3 class="main-title">
                                            小米电视6 至尊版 65英寸
                                        </h3>
                                        <p class="desc">画质新境界</p>
                                        <p class="price">
                                            <span class="num">7799</span>元
                                            <del>
                                                <span class="num">7999</span>元
                                            </del>
                                        </p>
                                    </a>
                                </li>
                                <li class="main-list-first">
                                    <a href="#">
                                        <div class="figure-img">
                                            <img src="../images/goods-7.webp" alt="">
                                        </div>
                                        <h3 class="main-title">
                                            小米电视 ES55 2022款
                                        </h3>
                                        <p class="desc">多分区，画质轻旗舰</p>
                                        <p class="price">
                                            <span class="num">2999</span>元
                                        </p>
                                    </a>
                                </li>
                                <li class="main-last-first">
                                    <a href="#">
                                        <div class="figure-img">
                                            <img src="../images/goods-9.webp" alt="">
                                        </div>
                                        <h3 class="main-title">
                                            米家电烤箱
                                        </h3>
                                        <p class="price">
                                            <span class="num">299</span>元
                                        </p>
                                    </a>
                                </li>
                                <li class="main-last-first">
                                    <a href="#">
                                        <div class="figure-more">
                                            <i class="iconfont iconfont-more">&#xe602;</i>
                                        </div>
                                        <div class="main-more">
                                            浏览更多
                                            <small>热门</small>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    <!-- 电视影音 -->
                        <div class="main-box-right hide fl">
                            <ul>
                                <li class="main-list-first">
                                    <a href="#">
                                        <div class="figure-img">
                                            <img src="../images/goods-10.webp" alt="">
                                        </div>
                                        <h3 class="main-title">
                                            小米电视4A 70英寸
                                        </h3>
                                        <p class="desc">大屏更享受</p>
                                        <p class="price">
                                            <span class="num">3499</span>元
                                            <del>
                                                <span class="num">3699</span>元
                                            </del>
                                        </p>
                                    </a>
                                </li>
                                <li class="main-list-first">
                                    <a href="#">
                                        <div class="figure-img">
                                            <img src="../images/goods-11.webp" alt="">
                                        </div>
                                        <h3 class="main-title">
                                            全面屏电视 55英寸E55X
                                        </h3>
                                        <p class="desc">潮流全面屏设计</p>
                                        <p class="price">
                                            <span class="num">2077</span>元
                                            <del>
                                                <span class="num">2299</span>元
                                            </del>
                                        </p>
                                    </a>
                                </li>
                                <li class="main-list-first">
                                    <a href="#">
                                        <div class="figure-img">
                                            <img src="../images/goods-12.webp" alt="">
                                        </div>
                                        <h3 class="main-title">
                                            小米电视 EA75 2022款
                                        </h3>
                                        <p class="desc">新一代金属全面屏</p>
                                        <p class="price">
                                            <span class="num">4399</span>元
                                            <del>
                                                <span class="num">4599</span>元
                                            </del>
                                        </p>
                                    </a>
                                </li>
                                <li class="main-list-first">
                                    <a href="#">
                                        <div class="figure-img">
                                            <img src="../images/goods-13.webp" alt="">
                                        </div>
                                        <h3 class="main-title">
                                            Redmi智能电视A55
                                        </h3>
                                        <p class="desc">澎湃音效影院级体验</p>
                                        <p class="price">
                                            <span class="num">1899</span>元
                                            <del>
                                                <span class="num">1999</span>元
                                            </del>
                                        </p>
                                    </a>
                                </li>
                                <li class="main-list-first">
                                    <a href="#">
                                        <div class="figure-img">
                                            <img src="../images/goods-15.webp" alt="">
                                        </div>
                                        <h3 class="main-title">
                                            小米全面屏电视65英寸 E65X
                                        </h3>
                                        <p class="desc">全面屏设计</p>
                                        <p class="price">
                                            <span class="num">2799</span>元
                                            <del>
                                                <span class="num">2999</span>元
                                            </del>
                                        </p>
                                    </a>
                                </li>
                                <li class="main-list-first">
                                    <a href="#">
                                        <div class="figure-img">
                                            <img src="../images/goods-16.webp" alt="">
                                        </div>
                                        <h3 class="main-title">
                                            小米电视4A 60英寸
                                        </h3>
                                        <p class="desc">人工智能语音系统,超高清画质</p>
                                        <p class="price">
                                            <span class="num">2677</span>元
                                            <del>
                                                <span class="num">2799</span>元
                                            </del>
                                        </p>
                                    </a>
                                </li>
                                <li class="main-list-first">
                                    <a href="#">
                                        <div class="figure-img">
                                            <img src="../images/goods-17.webp" alt="">
                                        </div>
                                        <h3 class="main-title">
                                            小米电视4C 32英寸
                                        </h3>
                                        <p class="desc">高清液晶屏，人工智能系统</p>
                                        <p class="price">
                                            <span class="num">849</span>元
                                            <del>
                                                <span class="num">899</span>元
                                            </del>
                                        </p>
                                    </a>
                                </li>
                                <li class="main-last-first">
                                    <a href="#">
                                        <div class="figure-img">
                                            <img src="../images/goods-14.webp" alt="">
                                        </div>
                                        <h3 class="main-title">
                                            Redmi MAX 86″ 超大屏电视
                                        </h3>
                                        <p class="price">
                                            <span class="num">7999</span>元
                                        </p>
                                    </a>
                                </li>
                                <li class="main-last-first">
                                    <a href="#">
                                        <div class="figure-more">
                                            <i class="iconfont iconfont-more">&#xe602;</i>
                                        </div>
                                        <div class="main-more">
                                            浏览更多
                                            <small>热门</small>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

        <!-- 视频 -->
            <div class="main-goods-list">
                <div class="box-hd">
                    <h2 class="main-goods-title fl">视频</h2>
                    <div class="more">
                        <a href="#" class="main-more-link">
                            查看更多
                            <i class="iconfont main-iconfont-arrow-right">&#xe650;</i>
                        </a>
                    </div>
                </div>
                <div class="main-box">
                    <ul class="video-list">
                        <li class="video-item ">
                            <a href="#">
                                <div class="figure-imgs">
                                    <img src="../images/video-item-1.webp" alt="">
                                    <span class="play">
                                        <i class="iconfont video-iconfont">&#xe67c;</i>
                                    </span>
                                </div>
                                <h3 class="title">2021年春季新品发布会第一场</h3>
                                <p class="desc"></p>
                            </a>
                        </li>
                        <li class="video-item ">
                            <a href="#">
                                <div class="figure-imgs">
                                    <img src="../images/video-item-2.webp" alt="">
                                    <span class="play">
                                        <i class="iconfont video-iconfont">&#xe67c;</i>
                                    </span>
                                </div>
                                <h3 class="title">Redmi 10X系列发布会</h3>
                                <p class="desc">Redmi 10X系列发布会</p>
                            </a>
                        </li>
                        <li class="video-item ">
                            <a href="#">
                                <div class="figure-imgs">
                                    <img src="../images/video-item-3.webp" alt="">
                                    <span class="play">
                                        <i class="iconfont video-iconfont">&#xe67c;</i>
                                    </span>
                                </div>
                                <h3 class="title">小米10 青春版 发布会</h3>
                                <p class="desc"></p>
                            </a>
                        </li>
                        <li class="video-item ">
                            <a href="#">
                                <div class="figure-imgs">
                                    <img src="../images/video-item-4.webp" alt="">
                                    <span class="play">
                                        <i class="iconfont video-iconfont">&#xe67c;</i>
                                    </span>
                                </div>
                                <h3 class="title">小米10 8K手机拍大片</h3>
                                <p class="desc"></p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- footer -->
    <div class="footer-wrap">
        <div class="footer-service">
    <!-- 服务 -->
            <ul>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe7f2;</i>
                        预约维修服务
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe67d;</i>
                        7天无理由退货
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe606;</i>
                        15天免费换货
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xf01da;</i>
                        满69包邮
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe60b;</i>
                        520余家售后网点
                    </a>
                </li>
            </ul>
    <!-- 底部列表-->
            <div class="footer-item">
                <dl class="footer-item-left">
                    <dt>帮助中心</dt>
                    <dd><a href="#">账户管理</a></dd>
                    <dd><a href="#">购物指南</a></dd>
                    <dd><a href="#">订单操作</a></dd>
                </dl>
                <dl class="footer-item-left">
                    <dt>服务支持</dt>
                    <dd><a href="#">售后政策</a></dd>
                    <dd><a href="#">自助服务</a></dd>
                    <dd><a href="#">相关下载</a></dd>
                </dl>
                <dl class="footer-item-left">
                    <dt>线下门店</dt>
                    <dd><a href="#">小米之家</a></dd>
                    <dd><a href="#">服务网点</a></dd>
                    <dd><a href="#">授权体验店/专区</a></dd>
                </dl>
                <dl class="footer-item-left">
                    <dt>关于小米</dt>
                    <dd><a href="#">了解小米</a></dd>
                    <dd><a href="#">加入小米</a></dd>
                    <dd><a href="#">投资者关系</a></dd>
                    <dd><a href="#">企业社会责任</a></dd>
                    <dd><a href="#">廉洁举报</a></dd>
                </dl>
                <dl class="footer-item-left">
                    <dt>关注我们</dt>
                    <dd><a href="#">新浪微博</a></dd>
                    <dd><a href="#">官方微信</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                    <dd><a href="#">公益基金会</a></dd>
                </dl>
                <dl class="footer-item-left">
                    <dt>特色服务</dt>
                    <dd><a href="#">F 码通道</a></dd>
                    <dd><a href="#">礼物码</a></dd>
                    <dd><a href="#">防伪查询</a></dd>
                </dl>
                <div class="footer-right">
                    <p class="phone">400-100-5678</p>
                    <p>8:00-18:00（仅收市话费）</p>
                    <a href="#" class="footer-btn">
                        <i class="iconfont iconfont-message">&#xe641;</i>
                        人工客服
                    </a>
                    <div class="follow">
                        关注小米：
                        <a href="#" class="wb"></a>
                        <a href="#" class="wx">
                            <img src="../images/PVG.png" alt="" id="wx">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="site-info">
        <div class="container">
            <div class="footer-log"></div>
            <div class="info-text">
                <p class="sites">
                    <a href="#">小米商城</a>
                    <span class="sep">|</span>
                    <a href="#">MIUI</a>
                    <span class="sep">|</span>
                    <a href="#">米家</a>
                    <spanclass="sep">|</spanclass=>
                    <a href="#">米聊</a>
                    <span class="sep">|</span>
                    <a href="#">多看</a>
                    <span class="sep">|</span>
                    <a href="#">游戏</a>
                    <span class="sep">|</span>
                    <a href="#">政企服务</a>
                    <span class="sep">|</span>
                    <a href="#">小米天猫店</a>
                    <span class="sep">|</span>
                    <a href="#">小米集团隐私政策</a>
                    <span class="sep">|</span>
                    <a href="#">小米公司儿童信息保护规则</a>
                    <span class="sep">|</span>
                    <a href="#">小米商城隐私政策</a>
                    <span class="sep">|</span>
                    <a href="#">小米商城用户协议</a>
                    <span class="sep">|</span>
                    <a href="#">问题反馈</a>
                    <span class="sep">|</span>
                    <a href="#">Select Location</a>
                </p>
                <p class="sites">
                    <a href="#">北京互联网法院法律服务工作站</a>
                    <span class="sep">|</span>
                    <a href="#">中国消费者协会</a>
                    <span class="sep">|</span>
                    <a href="#">北京市消费者协会</a>
                </p>
                <p>
                    &copy;
                    <a href="#">mi.com</a>
                    京ICP证110507号
                    <a href="#">京ICP备10046444号</a>
                    <a href="#">京公网安备11010802020134号</a>
                    <a href="#">京网文[2020]0276-042号</a>
                    <br>
                    <a href="#">（京）网械平台备字（2018）第00005号</a>
                    <a href="#">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                    <a href="#">营业执照</a>
                    <a href="#">医疗器械质量公告</a>
                    <br>
                    <a href="#">增值电信业务许可证</a>
                    &nbsp;网络食品经营备案 京食药网食备202010048 &nbsp;
                    <a href="#">食品经营许可证</a>
                    <br>
                    违法和不良信息举报电话：171-5104-4404 &nbsp;
                    <a href="#">知识产权侵权投诉</a>
                    &nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </p>
            </div>
            <div class="info-links">
                <a href="#">
                    <img src="../images/footer-1.png" alt="">
                </a>
                <a href="#">
                    <img src="../images/footer-2.png" alt="">
                </a>
                <a href="#">
                    <img src="../images/footer-3.png" alt="">
                </a>
                <a href="#">
                    <img src="../images/footer-4.png" alt="">
                </a>
            </div>
        </div>
        <div class="slogan"></div>
    </div>
    
    <!-- 楼层 -->
    <div class="floor-wrap">
        <a href="#" class="floor-a">
            <div class="floor-iconfont">
                <img src="../images/floor-1.png" alt="" class="floor-phone">
                <img src="../images/floor-2.png" alt="" class="floor-phone2">
            </div>
            <span class="text">手机APP</span>
            <div class="floor-pvg">
                <b></b>
                <strong></strong>
                <img src="../images/PVG.png" alt="">
                <span class="PVG-text">扫码领取新人百元礼包</span>
            </div>
        </a>
        <a href="#" class="floor-a">
            <div class="floor-iconfont">
                <img src="../images/floor-3.png" alt="" class="floor-phone">
                <img src="../images/floor-4.png" alt="" class="floor-phone2">
            </div>
            <span class="text">个人中心</span>
        </a>
        <a href="#" class="floor-a">
            <div class="floor-iconfont">
                <img src="../images/floor-5.png" alt="" class="floor-phone">
                <img src="../images/floor-6.png" alt="" class="floor-phone2">
            </div>
            <span class="text">售后服务</span>
        </a>
        <a href="#" class="floor-a">
            <div class="floor-iconfont">
                <img src="../images/floor-7.png" alt="" class="floor-phone">
                <img src="../images/floor-8.png" alt="" class="floor-phone2">
            </div>
            <span class="text">人工客服</span>
        </a>
        <a href="./Cart.html" class="floor-a">
            <div class="floor-iconfont">
                <img src="../images/floor-9.png" alt="" class="floor-phone">
                <img src="../images/floor-10.png" alt="" class="floor-phone2">
            </div>
            <span class="text">购物车</span>
        </a>
        <div class="floor-last">
            <a href="#" class="floor-a backtop">
                <div class="floor-iconfont">
                    <img src="../images/floor-11.png" alt="" class="floor-phone">
                    <img src="../images/floor-12.png" alt="" class="floor-phone2">
                </div>
                <span class="text">回顶部</span>
            </a>
        </div>
    </div>
</body>
<script src="../libs/jquery.js"></script>
<script src="../js/Index.js"></script>
</html>